<!doctype html>


<head>
<meta charset="utf-8">
<title>Tasty - Recipes, Food Website and Blog Template - Responsive, Html5, CSS3, jquery </title>
<meta name="description" content="Recipes Template, Food Template Recipes Blog Template, cooking, Food, chef, Responsive Template, html5 Template, html5, css3, jquery, responsive">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="js/html5.js"></script>
<link href='http://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic|Crete+Round:400,400italic|Lobster|Lobster+Two:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link id="color" rel="stylesheet" href="css/color1.css">
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="css/mediaelementplayer.min.css" />
<link href="colorbox/colorbox.html" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!--Header Part Start-->
<header id="header" class="clearfix">
  <div class="headerstrip"><div class="spiral"></div></div>
  
  <div class="container clearfix">
    <a href="index-2.html" id="logo">
      <img src="images/logo.png" alt="Tasty Delicious Recipes">
    </a>
    <nav id="topnav">
      <ul>
        <li>
          <a  href="index-2.html" data-description="Main Start page">Home</a>
        </li>
        <li class="active">
          <a  href="index-2.html" data-description="Main Start page">Recipe Pages</a>
          <ul>
           <li><a href="receipelist.html">Recent Recipes List </a>
            </li>
            <li><a href="receipegrid.html">Recent Recipes Grid </a>
            </li>           
            <li><a href="receipelist2column.html">Recent Recipes 2 Column </a>
            </li>
            <li><a href="receipedetails.html">Recent Detail page </a>
            </li>
           
            <li><a href="author.html">Author page </a>
            </li>
          </ul>
           </li>
       
        <li>
          <a href="element-shortcodes.html" data-description="Features of theme">Features</a>
          <ul>
            <li><a href="typography.html">Typography</a>
            </li>
            <li class="submenu"><a href="columns.html">Layout</a>
              <ul>
                <li><a href="columns.html">Columns</a>
                </li>
                <li><a href="sitemap.html">Sitemap</a>
                </li>
                <li><a href="404.html">404</a>
                </li>
              </ul>
            </li>
            <li><a href="element-shortcodes.html">Shortcodes</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="blog-list.html" data-description="Our Thought">Blog</a>
          <ul>
            <li><a href="blog-list.html">Blog list</a>
            </li>
            <li><a href="blog-single-gallery.html">Blog Single Gallery</a>
            </li>
            <li><a href="blog-single-image.html">Blog Single Image</a>
            </li>
            <li><a href="blog-single-slider.html">Blog Single Slider</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="contact-us.html" data-description="Send enquiry here">Contact</a>
        </li>
      </ul>
    </nav>
  </div>
</header>

<!--Header Part End-->


<!--Middle Part Start-->

<section id="maincontainer" class="container clearfix">
  <h1 class="heading1">Recipe <span>Details Page</span>
  </h1>
  <!--leftpart-->
  <section class="mb20 leftpart">
    
    <article id="bloglistslider" class="mb20 clearfix">
      <h2 class="heading2 blogtitle">Tasty Delicious Recipes </h2>
      <div class="entry-meta"> by <a href="#" class="author">enavato</a>
        on <span class="published">April 5, 2012</span>     <span class="comment-count"><a href="#">3 Comments</a>
        </span>
      </div>
      <div  class="clearfix blogslider">
        <div class="blogflexalider">
          <ul class="slides">
            <li>
              <img src="recipeimg/recipeimg1big.jpg" alt="" title="" />
            </li>
            <li>
              <img src="recipeimg/recipeimg2big.jpg" alt="" title="" />
            </li>
            <li>
              <img src="recipeimg/recipeimg3big.jpg" alt="" title="" />
            </li>
          </ul>
         
        </div>
         <ul class="rate">
        <li class="on"></li>
        <li class="on"></li>
        <li class="on"></li>
        <li class="on"></li>
        <li class="on"></li>
      </ul>
      </div>
      <p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
      <div class="widthcolumn3">
     <h3 class="heading3 recipedetailtitle"> Ingredients</h3>
      <ul class="listoption2">
      <li> <a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit.</li>
      <li>Lorem ipsum dolor sit amet, consectetuer</li>
      <li> <a href="#">Lorem ipsum</a> unknown printer took a galley of type</li>
      <li> when an unknown printer took a galley of type</li>
    </ul>
      <h3 class="heading3 recipedetailtitle"> Instructions</h3>
       <ul class="listoption3">
      <li> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
      <li>Lorem ipsum dolor sit amet, consectetuer</li>
      <li> when an unknown printer took a galley of type</li>
      <li> when an unknown printer took a galley of type</li>
    </ul>
    </div>
             <div class="receipedtailsnote">
             <h4 class="heading4 recipedetailtitle">Nutritional information</h4>
             <ul class="listoption3">
      <li> Lorem ipsum dolor :  <span class="bold">500 ml</span></li>
      <li> Lorem ipsum dolor :  <span class="bold">1000 ml</span></li>
      <li> Lorem ipsum dolor :  <span class="bold">200 ml</span></li>
      <li> Lorem ipsum dolor :  <span class="bold">300 ml</span></li>
      
        <li> Lorem ipsum dolor :  <span class="bold">500 ml</span></li>
      <li> Lorem ipsum dolor :  <span class="bold">1000 ml</span></li>
      <li> Lorem ipsum dolor :  <span class="bold">200 ml</span></li>
      <li> Lorem ipsum dolor :  <span class="bold">300 ml</span></li>
    </ul>
             </div>
             <div class="clear"></div>

         <!--Blog author-->
      <section class="comment">
        <h3 class="heading3 ">Recipe Comments and Reviews</h3>
        <ul class="maincomment">
          <li>
            <img src="images/avtar.jpg" alt="">
            <h5 class="user">envato</h5>
            <div class="entry-meta"> by <a class="author" href="#">enavato</a>
              on <span class="published">April 5, 2012</span>
            </div>
            <a class="fr" href="#">reply</a>
            <div class="commentdetail"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
            </div>
          </li>
        </ul>
        <ul class="childcomment">
          <li>
            <img src="images/avtar.jpg" alt="">
            <h5 class="user">envato</h5>
            <div class="entry-meta"> by <a class="author" href="#">enavato</a>
              on <span class="published">April 5, 2012</span>
            </div>
            <a class="fr" href="#">reply</a>
            <div class="commentdetail"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
            </div>
          </li>
        </ul>
        
        <ul class="secondchildcomment">
          <li>
            <img src="images/avtar.jpg" alt="">
            <h5 class="user">envato</h5>
            <div class="entry-meta"> by <a class="author" href="#">enavato</a>
              on <span class="published">April 5, 2012</span>
            </div>
            <a class="fr" href="#">reply</a>
            <div class="commentdetail"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
            </div>
          </li>
        </ul>
        <ul class="thirdchildcomment">
          <li>
            <img src="images/avtar.jpg" alt="">
            <h5 class="user">envato</h5>
            <div class="entry-meta"> by <a class="author" href="#">enavato</a>
              on <span class="published">April 5, 2012</span>
            </div>
            <a class="fr" href="#">reply</a>
            <div class="commentdetail"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
            </div>
          </li>
        </ul>
      </section>
      <section class="leavecomment">
        <h3 class="heading3">Leave a Comment</h3>
        <form class="commentform" method="post">
          <ul>
            <li>
              <label for="comment-name">Name <span class="required">*</span></label>
              <input type="text" required="" id="comment-name" value="" name="comment-name">
            </li>
            <li>
              <label for="comment-email">Email <span class="required">*</span></label>
              <input type="email" required="" id="comment-email" value="" name="comment-email">
            </li>
            <li>
              <label for="comment-url">Website</label>
              <input type="url" id="comment-url" value="" name="comment-url">
            
            </li>
            <li>
            <label for="comment-message">Your Comment <span class="required">*</span></label>
            <textarea required="" rows="6" cols="40" id="comment-message" name="comment-message"></textarea>
            </li>
            <li>
              <input  class="linkbutton ml120" type="submit" value="Submit">
              <input class="linkbutton" type="reset" value="Reset">
            </li>
          </ul>
        </form>
      </section>
        <!--Blog Comment-->
     
     
    </article>
    
   
  </section>
  <!--Sidebar start-->
  <aside class="blogright">
  <div class="sidecontainer">
    <h4 class="heading4">Categories </h4>
    <ul class="blogcaterg">
      <li><a href="#">Spicy Food</a>
      </li>
      <li><a href="#">Appetizers</a>
      </li>
      <li><a href="#">Sea Food</a>
      </li>
      <li><a href="#">Cocktails</a>
      </li>
      <li><a href="#">Desserts</a>
      </li>
      <li><a href="#">Quick and Easys</a>
      </li>
    </ul>
    </div>
    <div class="sidecontainer">
    <h4 class="heading4">Other</h4>
    <ul class="tabs">
      <li class="active">
        <a href="#tabdata1">Popular</a>
      </li>
      <li>
        <a href="#tabdata2">Recents</a>
      </li>
      <li>
        <a href="#tabdata3">Comments</a>
      </li>
      <li>
        <a href="#tabdata4">Tags</a>
      </li>
    </ul>
    
    <div class="tabs-container">
      <div class="tabdata" id="tabdata1">
        <div class="popular">
          <ul class="popular">
            <li><img src="images/recipethumb1.jpg" alt="">
              <a href="#" class="entrytitle">Lorem ipsum dolor Lorem ipsum...</a>
              <div class="entry-meta">
                <span class="published">May 5, 2012</span>
                <span class="meta-sep">·</span>
                <span class="comment-count"><a href="#">3 Comments</a>
                </span>
              </div>
            </li>
            <li><img src="images/recipethumb2.jpg" alt="">
              <a href="#" class="entrytitle">Lorem ipsum dolor Lorem ipsum...</a>
              <div class="entry-meta">
                <span class="published">May 5, 2012</span>
                <span class="meta-sep">·</span>
                <span class="comment-count"><a href="#">3 Comments</a>
                </span>
              </div>
            </li>
            <li><img src="images/recipethumb3.jpg" alt="">
              <a href="#" class="entrytitle">Lorem ipsum dolor Lorem ipsum...</a>
              <div class="entry-meta">
                <span class="published">May 5, 2012</span>
                <span class="meta-sep">·</span>
                <span class="comment-count"><a href="#">3 Comments</a>
                </span>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="tabdata" id="tabdata2">
        <ul class="popular">
          <li><img src="images/recipethumb2.jpg" alt="">
            <a href="#" class="entrytitle">Lorem ipsum dolor Lorem ipsum...</a>
            <div class="entry-meta">
              <span class="published">May 5, 2012</span>
              <span class="meta-sep">·</span>
              <span class="comment-count"><a href="#">3 Comments</a>
              </span>
            </div>
          </li>
          <li><img src="images/recipethumb3.jpg" alt="">
            <a href="#" class="entrytitle">Lorem ipsum dolor Lorem ipsum...</a>
            <div class="entry-meta">
              <span class="published">May 5, 2012</span>
              <span class="meta-sep">·</span>
              <span class="comment-count"><a href="#">3 Comments</a>
              </span>
            </div>
          </li>
          <li><img src="images/recipethumb1.jpg" alt="">
            <a href="#" class="entrytitle">Lorem ipsum dolor Lorem ipsum...</a>
            <div class="entry-meta">
              <span class="published">May 5, 2012</span>
              <span class="meta-sep">·</span>
              <span class="comment-count"><a href="#">3 Comments</a>
              </span>
            </div>
          </li>
        </ul>
      </div>
      <div class="tabdata" id="tabdata3">
        <ul class="popular">
          <li><img src="images/recipethumb1.jpg" alt="">
            <a href="#" class="entrytitle">Dolor Lorem ipsum sit amet, consectetur adipiscing elit...</a>
          </li>
          <li><img src="images/recipethumb2.jpg" alt="">
            <a href="#" class="entrytitle">Dolor ipsum dolor sit amet, consectetur adipiscing elit...</a>
          </li>
          <li><img src="images/recipethumb3.jpg" alt="">
            <a href="#" class="entrytitle">Dolor ipsum dolor sit amet, consectetur adipiscing elit..</a>
          </li>
        </ul>
      </div>
      <div class="tabdata" id="tabdata4">
        <ul class="tags">
          <li><a href="#">Webdesign</a>
          </li>
          <li><a href="#">html</a>
          </li>
          <li><a href="#">html</a>
          </li>
          <li><a href="#">css</a>
          </li>
          <li><a href="#">jquery</a>
          </li>
          <li><a href="#">css</a>
          </li>
          <li><a href="#">jquery</a>
          </li>
          <li><a href="#">Webdesign</a>
          </li>
          <li><a href="#">css</a>
          </li>
          <li><a href="#">jquery</a>
          </li>
          <li><a href="#">Webdesign</a>
          </li>
          <li><a href="#">html</a>
          </li>
        </ul>
      </div>
    </div>
    </div>
    <div class="sidecontainer">
    <h4 class="heading4">Accordion</h4>
    <a class="accrodian-trigger" href="#">Accrodian 1</a>
    <div class="accrodian-data">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu</p>
    </div>
    <a class="accrodian-trigger" href="#">Accrodian 2</a>
    <div class="accrodian-data">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu</p>
    </div>
    <a class="accrodian-trigger" href="#">Accrodian 3</a>
    <div class="accrodian-data">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu</p>
    </div>
    </div>
  <div class="sidecontainer">
    <h3 class="heading3">Advertisement </h3>
    <ul class="ads">
      <li><a href="#"><img src="images/add1.jpg" alt=""></a>
      </li>
      <li><a href="#"><img src="images/add2.jpg" alt=""></a>
      </li>
      <li></li>
    </ul>
    </div>
    <div class="sidecontainer">
    <h4 class="heading4">About</h4>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat euLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu</p>
    <br>
    </div>
    <div class="sidecontainer">
    <h3 class="heading3">Facebook  Widget</h3>
    <div class="fb-like-box" data-href="http://www.facebook.com/envato" data-width="260" data-show-faces="true" data-stream="false" data-header="false"></div>
    </div>
  </aside>
  <!--Sidebar end-->
</section>
<!--Middle container End-->

<!--Latest frob blog Start-->
<section id="lastestfromblog" class="container clearfix">
  <h2 class="titles">Latest From <span>Blog</span></h2>
  <div class="es-carousel-wrapper clearfix">
    <div class="es-carousel">
      <ul>
        <li>
          <a href="recipedetails.html">
            <img src="images/bigimg1.jpg" alt="" title="">
          </a>
          <a href="recipedetails.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg2.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg3.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg1.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg2.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg3.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg1.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg2.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
      </ul>
    </div>
  </div>
</section>
<!--Latest frob blog End-->
<!--Middle Part End-->
<!--Footer Start-->
<footer id="footer" class="clearfix">
  <div class="footerbg clearfix">
    <ul class="footersection container">
      <li class="testimonial">
        <h4>Testimonial</h4>
        <p class="testi">
          "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took
        </p>
    
        <span>Mr. Lorem Ipsum <br>
        C.E.O.</span>
      </li>
      <li class="links">
        <h4>Categories</h4>
        <ul>
          <li>
            <a  href="recipedetails.html">Spicy Food Special</a>
          </li>
          <li>
            <a href="recipedetails.html">Cocktails</a>
          </li>
          <li>
            <a href="recipedetails.html">Snacks</a>
          </li>
          <li>
            <a href="recipedetails.html">Spicy Sea Food</a>
          </li>
          <li>
            <a href="recipedetails.html"> Tasty Special Food</a>
          </li>
        </ul>
      </li>
      <li class="twiitersection">
        <h4>Twitter</h4>
        <div id="twitter">
        </div>
      </li>
      <li class="flickrsection">
        <h4>Flickr</h4>
        <div id="flickr">
          <ul id="cbox" class="thumbs">
          </ul>
        </div>
      </li>
    </ul>
  </div>
  
  <!--Social links Start-->
  <section id="social" class="container">
    <div class="leftline">@2012 All images & icons are copyright to their owners.</div>
    <div id="footersocial">
      <a class="facebook" title="Facebook" href="#">Facebook</a>
      <a class="twitter" title="Twitter" href="#">Twitter</a>
      <a class="linkedin" title="Linkedin" href="#">Linkedin</a>
      <a class="blooger" title="Blogger" href="#">Blogger</a>
      <a class="rss" title="rss" href="#">rss</a>
      <a class="dig" title="Dig" href="#">Dig</a>
      <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
      <a class="skype" title="Skype" href="#">Skype</a>
      <a class="flickr" title="Flickr" href="#">Flickr</a>
    </div>
  </section>
  <!--Social links End-->
  <!--Go to Top-->
  <a title="Go Top" id="gotop" href="#">&nbsp;</a>
</footer>
<!--Footer End-->

<!--Javascripts-->
<script src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script  type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script><script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script  type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery.gmap.js"></script>
<script src="js/jflickrfeed.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>